import {NgModule, Inject}      from "@angular/core";
import { BrowserModule } from "@angular/platform-browser";
import { FormsModule }   from "@angular/forms";

import { AppComponent  }   from "./app.component";
import { NavComponent  }   from "./component/nav.component";
import { CarouselComponent  }   from "./component/carousel.component";
import { FormLineComponent  }   from "./component/forminline.componen";
import { HeroListComponent } from "./component/hero-list.component";
import {HttpModule, JsonpModule} from "@angular/http";
import {AppRoutingModule} from "./app-routing.nodule";
import {DashboardComponent} from "./component/hero-dashboard.component";
import {HeroDetailComponent} from "./component/hero-detail.component";
import {HeroesComponent} from "./component/heroes.component";
import {HeroService} from "./service/hero.service";

@NgModule({
  imports:      [ BrowserModule, FormsModule, HttpModule, JsonpModule, AppRoutingModule ],
  declarations: [ AppComponent, NavComponent, CarouselComponent, FormLineComponent, HeroListComponent, DashboardComponent, HeroDetailComponent, HeroesComponent  ],
  providers: [ HeroService],
  bootstrap:    [ AppComponent ],
})
export class AppModule { }
